<template>
    <div>
        <div class="login_top clearfix">
            <a href="index.html" class="login_logo"><img src="static/images/logo.png"></a>	
        </div>

        <div class="login_form_bg">
            <div class="login_form_wrap clearfix">
                <div class="login_banner fl"></div>
                <div class="slogan fl">日夜兼程 · 急速送达</div>
                <div class="login_form fr">
                    <div class="login_title clearfix">
                        <h1>用户登录</h1>
                        
                    </div>
                    <div class="form_input">
                        <form>
                            <input type="text" v-model="username" name="username" class="name_input" placeholder="请输入用户名">
                            <div class="user_error">输入错误</div>
                            <input type="password" v-model="password" name="pwd" class="pass_input" placeholder="请输入密码">
                            <div class="pwd_error">输入错误</div>
                            <div class="more_input clearfix">
                                <input type="checkbox" name="">
                                <label>记住用户名</label>
                                <a href="#">立即注册?</a>
                                <a href="#">忘记密码?</a>
                            </div>
                            <input type="submit" name="" value="登录" class="input_submit" @click.prevent="loginuser">
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer no-mp">
            <div class="foot_link">
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">联系我们</a>
                <span>|</span>
                <a href="#">招聘人才</a>
                <span>|</span>
                <a href="#">友情链接</a>		
            </div>
            <p>CopyRight © 2016 北京趣活信息技术有限公司 All Rights Reserved</p>
            <p>电话：010-51851888    京ICP备*******8号</p>
        </div>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    data() {
        return {
            username:"",
            password:"",
        }
    },
    methods:{
        loginuser(){
            let form_data = new FormData()
            form_data.append("username",this.username)
            form_data.append("password",this.password)
            axios({
                url:"http://127.0.0.1:8000/app01/loginuser/",
                method:"post",
                data:form_data
            }).then(res=>{
                if(res.data.code == 200){
                    sessionStorage.setItem("token",res.data.token)
                    this.$router.push({name:'Index'})
                }
            })
        }
    }
}
</script>